<div class="cotainer" >
  <header>
    <a class="nav-title active"  (click)="change(0);">设备监控</a>
    <a class="nav-title">服务参数</a>
    <a class="nav-title">故障参数</a>
    <a class="nav-title" >历史数据</a>
    <a class="nav-title" >报警</a>
    <a class="nav-title" >能效分析</a>
  </header>
</div>

<div class="content-box xx-box" id="realtime" >

  <div class="content-box-child">
    <div class="trouble-box">
        <span class="trouble-child-box">
            <span class="trouble-child-left" id="Srun">运行</span>
        <span class="trouble-child-right blue" id="Srun1"></span>
        </span>
        <span class="trouble-child-box">
            <span class="trouble-child-left" id="Sload">加载</span>
        <span class="trouble-child-right blue" id="Sload1"></span>
        </span>
        <span class="trouble-child-box">
            <span class="trouble-child-left">空久停机</span>
        <span class="trouble-child-right gray" id="Flongstop"></span>
        </span>

        <span class="trouble-child-box">
            <span class="trouble-child-left">预警</span>
        <span class="trouble-child-right gray" id="Fwarn"></span>
        </span>
        <span class="trouble-child-box">
            <span class="trouble-child-left">故障</span>
        <span class="trouble-child-right gray" id="Ffault"></span>
        </span>
        <span class="trouble-child-box">

              <button (click)="getInfo()">获取信息</button>

        </span>
    </div>
  </div>
  <div class="info-box">
    <div class="info-box-child left">
      <table class="table table-striped">
        <thead>
        <tr>
          <th>#</th>
          <th>参数</th>
          <th>值</th>
          <th>单位</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>1</td>
          <td>系统压力</td>
          <td class="tdcls" id="Systempress">356</td>
          <td>Bar</td>
        </tr>
        <tr>
          <td>2</td>
          <td>排气压力</td>
          <td class="tdcls" id="Exhaustpress">356</td>
          <td>Bar</td>
        </tr>
        <tr>
          <td>3</td>
          <td>喷油压力</td>
          <td class="tdcls" id="Oilpress">356</td>
          <td>Bar</td>
        </tr>
        <tr>
          <td>4</td>
          <td>进气压力</td>
          <td class="tdcls" id="Inletpress">356</td>
          <td>Bar</td>
        </tr>
        <tr>
          <td>5</td>
          <td>A相电流</td>
          <td class="tdcls" id="Acurrent">356</td>
          <td>A</td>
        </tr>
        <tr>
          <td>6</td>
          <td>B相电流</td>
          <td class="tdcls" id="Bcurrent">356</td>
          <td>A</td>
        </tr>
        <tr>
          <td>7</td>
          <td>C相电流</td>
          <td class="tdcls" id="Ccurrent">356</td>
          <td>A</td>
        </tr>
        </tbody>
      </table>
    </div>
    <div class="info-box-child right">
      <table class="table table-striped">
        <thead>
        <tr>
          <th>#</th>
          <th>参数</th>
          <th>值</th>
          <th>单位</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td>8</td>
          <td>累积运行时间</td>
          <td class="tdcls" id="Runtime1">356</td>
          <td>H</td>
        </tr>
        <tr>
          <td>9</td>
          <td>加载累计时间</td>
          <td class="tdcls" id="Loadruntime1">356</td>
          <td>H</td>
        </tr>
        <tr>
          <td>10</td>
          <td>系统温度</td>
          <td class="tdcls" id="Systemtemp">356</td>
          <td>℃</td>
        </tr>
        <tr>
          <td>11</td>
          <td>排气温度</td>
          <td class="tdcls" id="Exhausttemp">356</td>
          <td>℃</td>
        </tr>
        <tr>
          <td>12</td>
          <td>前轴承温度</td>
          <td class="tdcls" id="Fbearingtemp">356</td>
          <td>℃</td>
        </tr>
        <tr>
          <td>13</td>
          <td>后轴承温度</td>
          <td class="tdcls" id="Bbearingtemp">356</td>
          <td>℃</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td></td>
          <td></td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

<div  class="info-box xx-box" id="sevinfo" style="display: none;">
  <div class="info-box-child left">
    <table class="table table-striped">
      <caption>服务参数</caption>
      <thead>
      <tr>
        <th>#</th>
        <th>参数</th>
        <th>值</th>
        <th>单位</th>
        <th>保养提醒</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>1</td>
        <td>润滑油运行时间</td>
        <td class="tdcls" id="LubeT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Flubemaintaintime"></span></td>
      </tr>
      <tr>
        <td>2</td>
        <td>润滑脂运行时间</td>
        <td class="tdcls" id="GreaseT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fgreasemaintaintime"></span></td>
      </tr>
      <tr>
        <td>3</td>
        <td>油气分离器运行时间</td>
        <td class="tdcls" id="OilgasseparatorT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Foilgasmaintaintime"></span></td>
      </tr>
      <tr>
        <td>4</td>
        <td>油过滤器使用时间</td>
        <td class="tdcls" id="OilfilterT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Foilfiltermaintaintime"></span></td>
      </tr>
      <tr>
        <td>5</td>
        <td>空气过滤器使用时间</td>
        <td class="tdcls" id="AirfilterT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fairfiltermaintaintime"></span></td>
      </tr>
      <tr>
        <td>6</td>
        <td>排气管使用时间</td>
        <td class="tdcls" id="ExhaustpipeT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Fexhpipemaintaintime"></span></td>
      </tr>
      <tr>
        <td>7</td>
        <td>电机轴承使用时间</td>
        <td class="tdcls" id="MotorbearingT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fmotorbearingmaintaintime"></span></td>
      </tr>
      <tr>
        <td>8</td>
        <td>安全阀使用时间</td>
        <td class="tdcls" id="SafetyvalveT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Fsafetyvalvemaintaintime"></span></td>
      </tr>
      <tr>
        <td>9</td>
        <td>最小压力阀使用时间</td>
        <td class="tdcls" id="MinipressvalveT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Fminivalvemaintaintime"></span></td>
      </tr>
      <tr>
        <td>10</td>
        <td>主机风叶使用时间</td>
        <td class="tdcls" id="HostbladeT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fhostblademaintaintime"></span></td>
      </tr>
      <tr>
        <td>11</td>
        <td>主机绝缘使用时间</td>
        <td class="tdcls" id="HostinsulationT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fhostinsulationmaintaintime"></span></td>
      </tr>
      </tbody>
    </table>
  </div>
  <div class="info-box-child right">
    <table class="table table-striped">
      <caption>&nbsp;&nbsp;</caption>
      <thead>
      <tr>
        <th>#</th>
        <th>参数</th>
        <th>值</th>
        <th>单位</th>
        <th>保养提醒</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>12</td>
        <td>机头轴承使用时间</td>
        <td class="tdcls" id="HeadbearingT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Fheadbearingmaintaintime"></span></td>
      </tr>
      <tr>
        <td>13</td>
        <td>机头轴封使用时间</td>
        <td class="tdcls" id="HeadsealT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fheadsealmaintaintime"></span></td>
      </tr>
      <tr>
        <td>14</td>
        <td>机头齿轮使用时间</td>
        <td class="tdcls" id="HeadgearT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Fheadgearmaintaintime"></span></td>
      </tr>
      <tr>
        <td>15</td>
        <td>风机轴承使用时间</td>
        <td class="tdcls" id="FanbearingT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Ffanbearingmaintainnum"></span></td>
      </tr>
      <tr>
        <td>16</td>
        <td>风机风叶使用时间</td>
        <td class="tdcls" id="FanbladeT">356</td>
        <td>小时</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Ffanblademaintainnum"></span></td>
      </tr>
      <tr>
        <td>17</td>
        <td>主接触器运行次数</td>
        <td class="tdcls" id="MaincontactorN">356</td>
        <td>次</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Fmaincontactormaintainnum"></span></td>
      </tr>
      <tr>
        <td>18</td>
        <td>星接触器运行次数</td>
        <td class="tdcls" id="StarcontactorN">356</td>
        <td>次</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fstarcontactormaintainnum"></span></td>
      </tr>
      <tr>
        <td>19</td>
        <td>角接触器运行次数</td>
        <td class="tdcls" id="AnglecontactorN">356</td>
        <td>次</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Fanglecontactormaintainnum"></span></td>
      </tr>
      <tr>
        <td>20</td>
        <td>进气加载阀运行次数</td>
        <td class="tdcls" id="AirloadvalveN">356</td>
        <td>次</td>
        <td class="warn-box"><span class="orange-box" stag="spara" id="Fairloadvalvemaintainnum"></span></td>
      </tr>
      <tr>
        <td>21</td>
        <td>进气电磁阀运行次数</td>
        <td class="tdcls" id="AirsolenoidvalveN">356</td>
        <td>次</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Fairsolenoidvalvemaintainnum"></span></td>
      </tr>
      <tr>
        <td>22</td>
        <td>风机接触器运行次数</td>
        <td class="tdcls" id="FancontactorN">356</td>
        <td>次</td>
        <td class="warn-box"><span class="gray-box" stag="spara" id="Ffancontactormaintainnum"></span></td>
      </tr>
      </tbody>
    </table>
  </div>
</div>

<div class="info-box xx-box" style="display: none;">
  <div class="info-box-child left">
    <table class="table table-striped">
      <caption>故障参数</caption>
      <thead>
      <tr>
        <th>#</th>
        <th>故障类型</th>
        <th>故障提醒</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>1</td>
        <td>前轴承温度高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighfbearingtempstop"></span></td>
      </tr>
      <tr>
        <td>2</td>
        <td>排气温度高停机</td>
        <td class="warn-box"><span class="red-box" ftag="fault" id="Fhighexhtempstop"></span></td>
      </tr>
      <tr>
        <td>3</td>
        <td>系统温度高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighsystempstop"></span></td>
      </tr>
      <tr>
        <td>4</td>
        <td>排气压力高停机</td>
        <td class="warn-box"><span class="red-box" ftag="fault" id="Fhighexhpressstop"></span></td>
      </tr>
      <tr>
        <td>5</td>
        <td>系统压力高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighsyspressstop"></span></td>
      </tr>
      <tr>
        <td>6</td>
        <td>后轴承温度高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighbbearingtempwarn"></span></td>
      </tr>
      <tr>
        <td>7</td>
        <td>前轴承温度高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighfbearingtempwarn"></span></td>
      </tr>
      <tr>
        <td>8</td>
        <td>排气温度高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighexhtempwarn"></span></td>
      </tr>
      <tr>
        <td>9</td>
        <td>系统温度高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighsystempwarn"></span></td>
      </tr>
      <tr>
        <td>10</td>
        <td>排气压力高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighexhpresswarn"></span></td>
      </tr>
      <tr>
        <td>11</td>
        <td>系统压力高预警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighsyspresswarn"></span></td>
      </tr>
      <tr>
        <td>12</td>
        <td>风机过载</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Ffanoverload"></span></td>
      </tr>
      </tbody>
    </table>
  </div>

  <div class="info-box-child right " >
    <table class="table table-striped">
      <caption>&nbsp;&nbsp;</caption>
      <thead>
      <tr>
        <th>#</th>
        <th>故障类型</th>
        <th>故障提醒</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>13</td>
        <td>后轴承温度传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fbbearingtempsenfault"></span></td>
      </tr>
      <tr>
        <td>14</td>
        <td>前轴承温度传感器故障</td>
        <td class="warn-box"><span class="red-box" ftag="fault" id="Ffbearingtempsenfault"></span></td>
      </tr>
      <tr>
        <td>15</td>
        <td>排气温度传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fexhtempsenfault"></span></td>
      </tr>
      <tr>
        <td>16</td>
        <td>系统温度传感器故障</td>
        <td class="warn-box"><span class="red-box" ftag="fault" id="Fsystempsenfault"></span></td>
      </tr>
      <tr>
        <td>17</td>
        <td>喷油压力传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Foilpresssenfault"></span></td>
      </tr>
      <tr>
        <td>18</td>
        <td>排气压力传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fexhpresssenfault"></span></td>
      </tr>
      <tr>
        <td>19</td>
        <td>系统压力传感器故障</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fsyspresssenfault"></span></td>
      </tr>
      <tr>
        <td>20</td>
        <td>后轴承温度高停机</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhighbbearingtempstop"></span></td>
      </tr>
      <tr>
        <td>21</td>
        <td>油滤压差开关报警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Foilfilterpressalarm"></span></td>
      </tr>
      <tr>
        <td>22</td>
        <td>油分压差开关报警</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Foilpressswitchalarm"></span></td>
      </tr>
      <tr>
        <td>23</td>
        <td>相序错误</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fphaseerror"></span></td>
      </tr>
      <tr>
        <td>24</td>
        <td>主机过载</td>
        <td class="warn-box"><span class="gray-box" ftag="fault" id="Fhostoverload"></span></td>
      </tr>
      </tbody>
    </table>
  </div>
</div>
